<template>
<!-- 个人信息下面的 -->
    <div>
       <div class="bnm">
      <div class="inpt">
          <div>
                <span>收货人:</span>
          </div>
          <input type="text" v-model="shouhren">
      </div>
       <div class="inpt">
           <div>
              <span>联系电话</span>
           </div>
          
          <input type="number" v-model="iphone">
      </div>
       <div class="inpt">
           <div>
       <span>收货地址</span>  
           </div>
          
        <textarea v-model="dizhi"></textarea>
      </div>
       <div class="inpt">
           <div>
       <span>物流单号</span>  
           </div>
          
       <input type="text" v-model="wuliu">
      </div>
       <div class="inpp" @click="LoginClick">
             <span>确定发货</span>  
      </div>
    </div>
    
    </div>
</template>

<script>
import {GetSendDate} from "@/request/api"
export default {
    name:"Thorough",
    props:['dalisst'],
    data () {
        return {
           shouhren:"",
           iphone:"",
           dizhi:'',
           wuliu:'',
     
        }
    },
    methods:{
 LoginClick(){
        // console.log(6666);
        GetSendDate({
            serialNo:this.dalisst.serialNo,
            receiver:this.shouhren,
            linkPhone:this.iphone,
            address:this.dizhi,
            logisticsCode:this.wuliu,
        }).then((res)=>{
            if(res.errCode=='0'){
                this.$router.push('/deliver')
            }
           console.log("发货成功的数据:",res);
        })
    }
    }
   
}
</script>
 
<style lang = "less" scoped>
    .van-field__control{
        background: red!important;
    }

     .bnm{
        margin-top: .2rem;
        font-size: .14rem;
        background-color: #fff;
        
        
     .inpt{
         /* padding: .15rem; */
         padding: .15rem 0;
         display: flex;
    justify-content: space-around;
    align-items: baseline;
    font-size: .1rem;
         input{
    background: #ececec;
    
    border: none;
    height: .4rem;
    width: 2.5rem;
    border-radius: .09rem;
    padding-left: .2rem;
         }
     }
    textarea {
        
        padding-left: .2rem;
    width: 2.5rem;
    /* height: .4rem; */
    height: 0.8rem;
    border: none;
    background: #ececec;
    border-radius: .05rem;
     
     }
    }
    .inpp{
        line-height: .5rem;
    text-align: center;
    background:#003499;
    width: 3.5rem;
    margin: 0 auto;
    border-radius: .1rem;
    span{
color: white;
    }
    }
</style>